<div class="wrapper-sm">
  <div class="panel panel-default" style="margin-bottom:-5px;border-radius:5px">
    <div class="panel-body" style="font-size: 10px;padding:5px 20px; " >
      <div class="row">
        <div class="col-xs-4 m-t-xs m-t-sm">
          <span>数据统计</span>
          <i class="fa fa-angle-right"></i>
          <span>群组数据统计 </span>
        </div>
        <div class="col-xs-8">
          <a [routerLink]="['../']" class="pull-right btn btn-sm btn-info" style="font-size:10px">返回</a>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="wrapper-md">
  <div>
    <div class="row">
      <div class="col-md-6" >
        <div class="panel panel-default">
          <div class="panel-heading font-bold">设备运行率</div>
          <div class="panel-body" >
            <chart-group-run [groupId]="id"></chart-group-run>
          </div>
        </div>
      </div>

      <div class="col-md-6">
        <div class="panel panel-default">
          <div class="panel-heading font-bold">设备故障占比</div>
          <div class="panel-body ">
            <chart-group-fault [groupId]="id"></chart-group-fault>
          </div>
        </div>
      </div>


      <div class="col-md-12">
        <div class="panel panel-default">
          <div class="panel-heading font-bold">
            各设备排气温度统计
              <span class="text-sm text-muted pull-right">
                <app-date-selector (date)="tempretureDate=$event;"></app-date-selector>
              </span>
          </div>
          <div class="panel-body">
            <chart-tempreture [groupId]="id" [date]="tempretureDate"></chart-tempreture>
          </div>
        </div>
      </div>


      <div class="col-md-12">
        <div class="panel panel-default">
          <div class="panel-heading font-bold">
            各设备排气压力统计
              <span class="text-sm text-muted pull-right">
                <app-date-selector (date)="pressDate=$event;"></app-date-selector>
              </span>
          </div>
          <div class="panel-body">
            <chart-group-press [groupId]="id" [date]="pressDate"></chart-group-press>
          </div>
        </div>
      </div>




    </div>
  </div>
</div>





